<template>
  <div class="box">
    <div id="main-box"></div>
    <div id="main-content">
      <div class="login-body animated fadeInLeft">
        <div class="login-main pr">
          <form action="javascript:;" method="post" class="login-form">
            <h3>管理中心</h3>
            <h5 style="padding-bottom: 10px">System Management Center</h5>
            <!-- 账号登陆 -->
            <div id="MobileBox" class="item-box">
              <div class="input-group user-name">
                <span class="input-group-addon"><i class="icon-user"></i></span>
                <input
                  type="text"
                  name="username"
                  class="form-control"
                  placeholder="用户名/手机号"
                  v-model="admin"
                />
              </div>
              <div class="input-group password">
                <span class="input-group-addon"><i class="icon-lock"></i></span>
                <input
                  type="password"
                  name="password"
                  class="form-control"
                  placeholder="密码"
                  v-model="apwd"
                />
              </div>
            </div>
            <!-- <div class="use-qrcode-a">
              <a class="use-ding" href="javascript:void(0)"
                ><img
                  src="images/ding.png"
                  width="17"
                  height="17"
                  style="margin-top: -2px"
                />
                钉钉账号登陆</a
              >
            </div> -->

            <div class="login_btn_panel">
              <button
                class="btn btn-primary btn-block btn-lg"
                data-ajax="post"
                type="submit"
                data-callback="success"
              >
                登录
              </button>
              <div class="check-tips"></div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      admin:'',
      apwd:'',
    }
  },
  methods: {
    login() {
      
    }
  },
};
</script>

<style lang="css" src="../assets/css/zui.css" scope></style>
<style lang="css" src="../assets/css/animate.min.css" scope></style>
<style lang="css" src="../assets/css/login.css" scope></style>
<style lang="css" src="../assets/css/font-awesome.min.css" scope></style>

<style lang="scss" scoped>
.box {
  height: 100%;
  background-image: url("../../public/images/login.jpg");
}
</style>